<template>
  <div class="components-input-demo-size">
    <CloudInput size="large" placeholder="large size" />
    <CloudInput placeholder="default size" />
    <CloudInput size="small" placeholder="small size" />
  </div>
</template>

<script>
  export default {
    title: '7.三种大小 ',
    subTitle: '我们为 <Input/> 输入框定义了三种尺寸（大、默认、小），高度分别为 40px、32px 和 24px。',
    data () {
      return {
        value: '',
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
  .components-input-demo-size .ant-input {
    width: 200px;
    margin: 0 10px 10px 0;
  }
</style>